<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>资质代办费用_资质代办多少钱_资质代办价格-奇快企服</title>
		<meta name="applicable-device" content="mobile">
		<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no,minimal-ui" name="viewport">
		<meta name="keywords" content="资质代办多少钱，资质代办价格，资质代办费用">
		<meta name="description" content="想了解资质代办需要多少钱？上奇快企服免费为您提供资质代办价格，资质代办费用，资质办理所需的各项人员及办理服务费收取费用明细。">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="telephone=no" name="format-detection">
		<!-- UC默认竖屏` UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<meta name="browsermode" content="application">
		<!-- QQ强制竖屏` QQ强制全屏 -->
		
		<link rel="icon" href="/icon.png">
		<link rel="stylesheet" href="/static/wap/lib/mui.min.css" />
		<link rel="stylesheet" href="/static/wap/lib/mui.picker.min.css" />

		<link rel="stylesheet" href="/static/wap/css/common.css" />
		<link rel="stylesheet" href="/static/wap/css/home.css" />

		<link rel="stylesheet" href="/static/wap/css/reset.css" />

		<script type="text/javascript" src="/static/wap/lib/jquery-2.1.4.js"></script>
		<script type="text/javascript" src="/static/wap/lib/mui.min.js"></script>
		<script type="text/javascript" src="/static/wap/lib/mui.picker.min.js"></script>
		<script type="text/javascript" src="/static/index/lib/template.js"></script>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<a href="/wap/" class="mui-icon mui-icon-back" style="color: #fff;"></a>
			<h1 class="mui-title">奇快企服</h1>
		</header>

		<div class="nav_title">
			<span class="title_name">首页</span>
			<span class="mui-icon mui-icon-forward"></span>
			<span class="title_name">获取报价</span>
		</div>
		
		<div class="footer_bgComp">
			<div class="desc_companyFooter">奇快企服是一个专门为办理建筑方面有困难或者疑问的建筑公司而提供的一个办理各种建筑资资质的服务平台。</div>
		</div>
		
		<div class="logo_priceWrap borderBottom">
			<img class="mui-pull-left logo_img" src="/static/wap/images/logo.png" alt="" />
			<div class="mui-pull-left speed_desc">
				<p class="speed_desc_title">10秒帮你获取资质报价</p>
				<p class="speed_desc_link">一站式为你解决资质问题</p>
			</div>
		</div>
		
		<div class="bgWhite">
			<div class="titleLine ">免费获取报价</div>
			<div class="desc_num">已为15204人免费提供了资质服务</div>
		</div>

		<div class="bgWhite">
			<div class="comWrap">
				<input class="ipt_getPrice" type="text" name="" id="pickerOne" onclick="pickerOne()" value="" placeholder="请选择资质类别" readonly="readonly" />
				<input class="ipt_getPrice" type="text" name="" id="pickerTwoFun" onclick="pickerTwoFun()" value="" placeholder="请选择资质专业" readonly="readonly" />
				<input class="ipt_getPrice" type="text" name="" id="pickerThreeFun" onclick="pickerThreeFun()" value="" placeholder="请选择资质等级" readonly="readonly" />
				<!--<input class="ipt_getPrice" type="text" name="" id="" value="" placeholder="选择您您所在的地区" readonly="readonly" />-->
				<input type="button" class="getPrice" value="立即获取" onclick="goGetDt()" />
				
				<div class="connect_usDesc">或通过以下方式联系我们</div>
				<div class="connect_wrap clearfix">
					<a class="comBgConnec leftTel" href="tel:400-100-8020">400-100-8020</a>
					<a class="comBgConnec rightTel" href="tel:15012121212">15012121212</a>
				</div>
			</div>
		</div>

		{include file="pub/footer"}
		<script type="text/javascript" src="/static/index/layer/layer.js"></script>
		
		<script type="text/javascript">
			var picker = new mui.PopPicker(),
			    pickerTwo = new mui.PopPicker(),
			    pickerThree = new mui.PopPicker(),
			    idOne = '',
			    idTwo = '',
			    idThree = '';
			
			
			var baseUrl = 'https://api.qikuai100.com/',
				catgeroyList = [];
			$(function() {
				initDateOne();
			});
			// 资质分类
			function initDateOne() {
				$.ajax({
					type: "POST",
					url: baseUrl + "api/category/list",
					data: {
						"type": 1
					},
					success: function(result) {
						if(result.ret == 0) {
							catgeroyList = result.data;
							for(var i = 0; i < catgeroyList.length; i++){
								catgeroyList[i].text = catgeroyList[i].category_name;
							}
						}
					}
				});
			}
			
			function pickerOne(){
				picker.setData(catgeroyList);
				picker.pickers[0].setSelectedValue('fourth', 2000);
				picker.show(function(SelectedItem) {
					idOne = SelectedItem[0].id;
					$('#pickerOne').val(SelectedItem[0].text);
					cleanIpt();
					pickerTwoFun();
				});
			}

			// 选择资质专业
			var twoCatList = {
				name: "资质专业",
				subcategoy: []
			};
			function pickerTwoFun(){
				var ss = $('#pickerOne').val();
				if(ss) {
					for(var i = 0; i < catgeroyList.length; i++) {
						if(ss == catgeroyList[i].category_name) {
							twoCatList.subcategoy = catgeroyList[i].subcategoy;
						}
					}
					for(var i = 0; i < twoCatList.subcategoy.length; i++) {
						twoCatList.subcategoy[i].text = twoCatList.subcategoy[i].category_name;
					}
				}
				pickerTwo.setData(twoCatList.subcategoy);
				pickerTwo.pickers[0].setSelectedValue('fourth', 2000);
				pickerTwo.show(function(SelectedItem) {
					$('#pickerTwoFun').val(SelectedItem[0].text);
					idTwo = SelectedItem[0].id;
					cleanIpt();
					pickerThreeFun();
				});
			}
			// 选择资质等级
			var threeCatList = {
				name: "资质等级",
				levels: []
			};
			function pickerThreeFun(){
				var ssTwo = $('#pickerTwoFun').val();
				if(ssTwo) {
					for(var i = 0; i < twoCatList.subcategoy.length; i++) {
						if(ssTwo == twoCatList.subcategoy[i].category_name) {
							threeCatList.levels = twoCatList.subcategoy[i].levels;
						}
					}
					for(var i = 0; i < threeCatList.levels.length; i++) {
						threeCatList.levels[i].text = threeCatList.levels[i].level_name;
					}
				}
				pickerThree.setData(threeCatList.levels);
				pickerThree.pickers[0].setSelectedValue('fourth', 2000);
				pickerThree.show(function(SelectedItem) {
					idThree = SelectedItem[0].level_id;
					$('#pickerThreeFun').val(SelectedItem[0].text)
				});
			}
			
			// 清空选择框选择
			function cleanIpt(){
				$('#pickerThreeFun').val("");
			}

			// 跳转
			function goGetDt() {
//				console.log(threeCatList)
				if(idOne == "") {
					layer.msg("请选择资质类别");
					return;
				}
				if(idTwo == "") {
					layer.msg("请选择资质专业");
					return;
				}
				if(threeCatList.levels.length != 0 && idThree == ""){
					layer.msg("请选择资质等级");
					return;
				}else if(threeCatList.levels.length == 0){
					idThree = "";
				}
				location.href = "/wap/baojia/" + idOne + "-" + idTwo + "-" + idThree;
			}
		</script>
	
	</body>

</html>